<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:include="header :: header"></div>
    <title>后台</title>
    <style>
        .bit{
            height: 100%;
            width: 100%;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div th:include="body :: body"></div>
    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div>
            <div id="content">
                <div class="layui-carousel" id="lunbo">
                    <div carousel-item="">
                        <div><img  class="bit" src="http://help-1255334830.file.myqcloud.com/20190620/880479f2d8da4f1580337c1bf1960c7b.jpg"></div>
                        <div><img class="bit" src="http://help-1255334830.file.myqcloud.com/20190620/9ddcff8e8a804cc4aef1f968b68f53dc.jpg"></div>
                        <div><img  class="bit" src="http://help-1255334830.file.myqcloud.com/20190620/2ae94153dd4b4bee925bf1ef6c06d8ae.jpg"></div>
                        <div><img  class="bit" src="http://help-1255334830.file.myqcloud.com/20190620/880479f2d8da4f1580337c1bf1960c7b.jpg"></div>
                        <div><img class="bit" src="http://help-1255334830.file.myqcloud.com/20190620/9ddcff8e8a804cc4aef1f968b68f53dc.jpg"></div>
                        <div><img  class="bit" src="http://help-1255334830.file.myqcloud.com/20190620/2ae94153dd4b4bee925bf1ef6c06d8ae.jpg"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div th:include="footer :: footer"></div>
</div>
<script th:src="@{/static/js/index.js}"></script>
<script>
    layui.use(['carousel', 'form'], function() {
            var carousel = layui.carousel
            //改变下时间间隔、动画类型、高度
            carousel.render({
                elem: '#lunbo'
                ,interval: 1800
                ,anim: 'fade'
                ,width:'100%'
                ,height: '550px'
            });
    });
</script>
</body>
</html>